<!DOCTYPE html>
<html>
<head>
    <title>点餐系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel='stylesheet' href='/css/style.css'/>
    <link rel="Shortcut Icon" href="/images/favicon.ico">
</head>
<body>
<div style="width: 100%;text-align: center;height: 180px;">
    支付宝：<img src="/images/zhifubao.png" style="width:180px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    微信：<img src="/images/weixin.png" style="width:180px;">
</div>
<h1 style="width: 100%;text-align: center;">上方扫一扫，即可付款！</h1>
<div id="container">
    <h1 id="date"></h1>

    <div class="row">
        <h2>
            已点餐：<span id="number"></span>份，
            总价：￥<span id="priceCount"></span>&nbsp;&nbsp;
            <input type="button" value="统计" style="margin-left: 10px" onclick="statistics();">
            <input type="button" value="消费历史" style="margin-left: 10px" onclick="window.open('/historys');">
            <input type="button" value="意见&建议" style="margin-left: 10px" onclick="window.open('/users/says');">
        </h2>
        <div id="orders">
        </div>
    </div>
    <div class="row">
        <h2>点餐</h2>
        <form autocomplete="on" name="form">
            <!-- 姓名&nbsp;：&nbsp;<input type="text" placeholder="姓名？" id="name" style="width: 200px" autocomplete="on"> -->
            <select id="userSelect" style="width: 200px;margin-left: 20px;">
                <option value="">选择姓名...</option>
            </select>
            <input type="text" placeholder="点什么？" id="meal" style="width: 200px;margin-left: 20px;">
            <input type="text" placeholder="价格？" id="price" style="width: 200px;margin-left: 20px;">&nbsp;&nbsp;&nbsp;<span class="tips">输入原价即可，自动折扣，目前是9折！</span>
            <!--<input type="button" id="randombtn" value="随机一下" onclick="randomChoose()" disabled=true>-->
            <input type="button" id="orderbtn" value="点餐" onclick="order()" style="margin-left: 20px;">
        </form>
    </div>
    <!-- <div class="row meals" id="meals">
        <h2>餐单</h2>
    </div> -->
    <br>
    <!-- <br><img src="/images/one.jpg"> -->
    <br><img src="/images/8-24.png">
</div>
</body>
<script src="/js/jquery-1.11.0.min.js"></script>
<script src="/js/index.js"></script>
</html>
